@charset "utf-8";
/* CSS Document */
@import url(lpswm2021_reset.css);
@import url(lpswm2021_header.css);
@import url(lpswm2021_footer.css);
@import url(animate.min.css);


@font-face{ font-family: 'FZQIANGKTJW_TE'; src : url('../images/FZQIANGKTJW_TE.ttf');}
@font-face{ font-family: 'FZDYSK'; src : url('../images/FZDYSK.ttf');}


/*今日头条*/
.TheHeadlines{ min-height: 100px;}
.TheHeadlines .TextFirst{ font-size: 45px; font-weight: bold; line-height: 1.2; text-align: center;}
.TheHeadlines .TextFirst a{ display: inline-block; color: #ca0706;}
.TheHeadlines ul{ display: block; text-align: center; padding-top: 10px;}
.TheHeadlines li{ position: relative; overflow: hidden; display: inline-block; font-size: 14px; line-height: 1.8; color: #3e3a39;}
.TheHeadlines li.T{ max-width: 380px; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.TheHeadlines li a{}
.TheHeadlines li.Tit a{ color: #ca0706; font-weight: bold;}

.TheHeadlines .TextBox>a{ display: block; position: relative; overflow: hidden; font-size: 28px; line-height:1; color: #055589; font-weight: bold; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; padding: 10px 0;}
.TheHeadlines .TextBox>p{ display: block; position: relative; overflow: hidden; font-size: 16px; line-height: 1.5; text-align: justify;}
.TheHeadlines .TextBox>p a{ color: #ed2b25;}



/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height: 1.3; background: url(gzwm2021_home_ico_7.png) no-repeat 2px center; font-size: 16px; padding: 9px 0; padding-left: 22px; color: #222; }
.ulList li a{ display: block; float: left; max-width:80%; max-width: calc(100% - 90px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ulList li a:hover{ color: #F00; }
.ulList li span{ display: inline-block; width: 90px; float: right; text-align:right;}

.ulList.nd li a{max-width: 100%; float: none;}
.ulList.ni li{ padding-left: 0; background: none;}
.ulList.redi li{ background: url(gzwm2021_home_ico_26.png) no-repeat 2px center; }
.ulList.lg li{ line-height: 45px; *line-height: 43px; }




/* 焦点图 */
.Focus{width: 720px; height:400px;}
.Focus .pic li{overflow:hidden; position:relative; width: 720px;height: 400px; background: #FFF;}
.Focus .pic img {width: 100%; max-width: 100%; height: 400px; display: block; margin: 0 auto;}
.Focus .txt-bg {position: absolute;bottom: 0px;z-index: 1; height: 40px; width:720px; background: #000; filter:alpha(opacity=50); opacity:0.5; overflow: hidden;}
.Focus .txt {position: absolute;left: 10px;bottom: 0px;z-index: 2;height: 40px;width:570px;overflow: hidden;}
.Focus .txt li{ width:100%; height:40px; line-height:40px; position:absolute; bottom:-40px;}
.Focus .txt li a{display: block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 16px; color: white; transition:all 0.3s;}
.Focus .txt li a:hover{ color: #ca0706;}
.Focus .num { position: absolute; z-index:3; bottom:13px; right:9px; }
.Focus .num li{float:left;width:14px;height:14px;overflow:hidden;margin:0 5px;cursor:pointer;background:#FFF;transition: all 0.3s;font-size: 0;}
.Focus .num li.on,.Focus .num li:hover{background:#c90104;}
.Focus>a{display:block;width:60px;height:150px;position:absolute;top: 125px;top: calc((400px - 150px) / 2);background:url(gzwm2021_view_arrows.png) no-repeat;cursor:pointer;opacity:0;filter: alpha(opacity=0);transition:all 0.5s;background-position-y:-170px;}
.Focus>a.prev{ left:10px;}
.Focus>a.next{ right:10px; background-position-x:-80px;}
.Focus:hover>a{ opacity:1;filter: alpha(opacity=100);}
.Focus:hover>a.prev{ left:0px;}
.Focus:hover>a.next{ right:0px;}


/*聚焦六盘水*/
.JjgzBox{ width: 500px; }
.JjgzBox>.Tit{ height: 45px; padding-top: 5px; border-bottom: 1px solid #DDD;}
.JjgzBox>.Tit>a{ display: inline-block; float: left; padding: 0 13px; height: 43px; line-height: 43px; border-bottom: 3px solid #ca0706; color: #ca0706; font-weight: bold; font-size: 24px;}
.JjgzBox>.Tit>span{ float: right; font-size: 12px; margin: 10px;}
.JjgzBox>.Tit>span a{ display: inline-block; padding: 6px 10px; background-color: #ca0706; color: #FFF; position: relative; overflow: hidden; border-radius: 15px;}
.JjgzBox>.Tit>span a:hover{ background-color: #a70706;}

.JjgzBox .hr365{ height: 30px; line-height: 30px;}
.JjgzBox .hr365 a{ float: left; position: relative; overflow: hidden;}
.JjgzBox .hr365 a.Tit{ height: 30px; width: 72px; background: url("../images/gzwm2021_home_ico_6.png") no-repeat center;}
.JjgzBox .hr365 a.t{ max-width: 418px; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 16px; color: #f21c1c; padding-left: 10px;}
.JjgzBox .hr365 a.t:hover{ text-decoration: underline;}


.Title{ position: relative; height: 52px; border-bottom: 1px solid #DDD;}
.Title>a{ display: block; float: left; position: relative; height: 50px; border-bottom: 3px solid #ca0706; }
.Title>a>img{ padding-top: 5px; float: left; max-height: 100%;}
.Title>a>span{ display: inline-block; height: 50px;line-height: 55px; font-size: 24px; color: #333333; float: left;}
.Title>a>span.m{ position: absolute; top: 0; right: -48px; width: 40px;}
.Title>a:hover>span.m{animation-name: fadeInLeft; animation-iteration-count: infinite; }
.Title>span{ float: right; font-size: 12px; margin: 15px 5px 0 0;}
.Title>span a{ display: inline-block; padding: 6px 10px; background-color: #ca0706; color: #FFF; position: relative; overflow: hidden; border-radius: 15px;}
.Title>span a:hover{ background-color: #a70706;}

.Title.bl{ padding-left: 20px; }
.Title.bl::before{ content: ''; display: block; width: 9px; height: 48px; background-color: #ca0706; position: absolute; left: 0; bottom: 0;}
.Title.bl>a{ border-bottom:none; }

/*文明创建*/
.WmcjBox{ width: 384px; }
.WmcjBox .Pic{ height:233px; }
.WmcjBox .Pic img{ width: 100%; height: 100%; display: block; object-fit: cover;}
.WmcjBox .Pic p{ display: block; position: absolute; width: 100%; box-sizing: border-box; padding: 0 10px; left: 0; bottom: 0; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 16px; height: 36px; line-height: 36px; background: rgba(0,0,0,0.3); color: #FFF;}
.WmcjBox .Pic p:hover{ color: #F00;}


.Part4{ }
.Part4 .bmywtzj{ width: 262px; height: 142px; padding-top: 10px;}


.Part5{ min-height: 312px;}
.lpshrbBox{ padding: 15px 0; background-color: #e5e5e5; }
.lpshrbBox li{ position: relative; float: left; overflow: hidden; width: 395px; height: 230px; margin-left: 18px;}
.lpshrbBox li .pic{ position: relative; overflow: hidden; float: left; border: 3px solid #FFF; border-radius: 3px; width: 168px; height: 224px;}
.lpshrbBox li .pic img{ width: 100%; height: auto; min-height: 100%; object-fit: cover;}
.lpshrbBox li .text{ position: relative; overflow: hidden; float: right; width: 200px;}
.lpshrbBox li .text>p{ display: inline-block; font-size: 20px; color: #ca0706; line-height: 1; padding: 2px 0; border-bottom: 1px solid #ca0706; font-weight: bold; margin-top: 5px;}
.lpshrbBox li .text>p + p{ display: block; }
.lpshrbBox li .text>h1{ font-size: 50px; font-weight: bold; color: #ca0706; line-height: 1.5; height: 75px;}
.lpshrbBox li .text>span{ display: block; position: relative; overflow: hidden; font-size: 16.5px; color: #595757; font-weight: bold; line-height: 1.5; margin-top: 20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height: 75px; }



.Part6{ min-height: 370px;}

.Title2{height: 77px;position: relative;text-align: center;}
.Title2 a{display: inline-block;padding: 0 10px;padding-bottom: 33px;height: 44px;line-height: 44px;text-align: center;position: relative;background-color: #FFF;}
.Title2::before{ display: block; content: ""; position: absolute; width: 60%; left: 20%; top: 25px; border-bottom: 3px solid #1b1b1b;}
.Title2 a::after{ display: block; content: ""; position: absolute; width: 46px; height: 29px; left:50%; margin-left: -23px; bottom: 0; background: url(gzwm2021_home_ico_18.png) no-repeat center;}

.WcnrBox{ width: 300px;}
.WcnrBox .ulList{ margin: 10px auto; min-height: 228px;}
.WcnrBox .more{ text-align: right; height: 31px;}
.WcnrBox .more a{ display: inline-block; padding: 6px 10px; background-color: #ca0706; color: #FFF; position: relative; overflow: hidden; border-radius: 15px; font-size: 12px;}
.WcnrBox .more a:hover{ background-color: #a70706;}





.Part7{ min-height: 384px;}
.Part7 .Title{ height: 58px;}
.Part7 .Title>a{ height: 56px;}

.WmcwkSlideCon{ min-height: 263px; padding: 10px; background-color: #eee; margin-top: 42px;}
.WmcwkSlideCon .bd{ padding: 15px 0 10px;}
.WmcwkSlideCon .bd li{ position: relative; overflow: hidden; float: left; width: 306px; margin-right: 5px;}
.WmcwkSlideCon .bd li a.pic{ display: block; border: 2px solid #FFF; border-radius: 2px; position: relative; overflow: hidden;}
.WmcwkSlideCon .bd li a.pic img{ display: block; width: 100%; height: 205px;}
.WmcwkSlideCon .bd li a.txt{ display: block; text-align: center; line-height: 1.5; padding-top: 5px; font-size: 16px; color: #595757; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.WmcwkSlideCon .bd li a.txt:hover{ color: #F00; text-decoration: underline;}




.Part8{}
.Part8 .Tit{ text-align: center; height: 40px; line-height: 40px;}
.Part8 .Tit::before{ content: ''; display: block; position:absolute; width: 100%; left: 0; top: 20px; border-bottom: 1px solid #DDD;}
.Part8 .Tit a{ position: relative; display: inline-block; padding: 0 15px; background-color: #FFF;}

.JwmsxwSlideCon{ height: 260px; margin-top: 30px;}
.JwmsxwSlideCon li{ position: relative; overflow: hidden; width:198px; height: 260px; margin-right: 15px;}
.JwmsxwSlideCon li img{ width: 100%; height: 100%; cursor: zoom-in;}